import React from "react";
import Iconify from '../../components/Iconify';

const getIcon = (name) => (<Iconify icon={name} width={22} height={22}/>);

const navConfig = [
  {
    title: 'navBar.recommends.index',
    path: '/recommends',
    icon: getIcon('eva:pie-chart-2-fill'),
  },
  {
    title: 'navBar.community.index',
    path: '/community',
    icon: getIcon('eva:people-fill'),
  },
  {
    title: 'navBar.greatTime.index',
    path: '/blog',
    icon: getIcon('eva:shopping-bag-fill'),
  },
  {
    title: 'navBar.aboutFelix.index',
    path: '/about',
    icon: getIcon('eva:file-text-fill'),
    children: [
      {
        title: 'navBar.aboutFelix.projects',
        path: 'projects',
      },
      {
        title: 'navBar.aboutFelix.introduction',
        path: 'introduction',
      },
    ]
  },
];

export default navConfig;
